<template>
    <div class="tabpage">
        <div class="tabpage-page1 tabpage-box">
            <!-- 高发道路、类型的对比分析 -->
            <incidence />
            <!-- 生活垃圾控量分析 -->
            <Domestic/>
        </div>
    </div>
</template>

<script>
import incidence from './components/Tincidence/incidence.vue'
import Domestic from './components/Tincidence/Domestic.vue'

export default {
    components: {
        incidence,
        Domestic
    },
    data() {
        return {

        }
    },

    methods: {

    }
}
</script>

<style lang="less" scoped>
.tabpage {
    width: 100%;
    height: 100%;
    position: relative;

    .tabpage-box {
        height: calc(100% - 5.6rem);

        >div {
            width: 100%;
            padding: 2.1rem 1.6rem 1.6rem 2.1rem;
            background: url('../../../assets/images/zhangzi/home/biankuang.png') no-repeat;
            background-size: 100% 100%;
        }
    }

    // .tabpage-tab {
    //     width: 100%;
    //     position: absolute;
    //     bottom: 0;
    //     display: flex;
    //     align-items: center;
    //     justify-content: center;

    //     p {
    //         width: 108px;
    //         height: 39px;
    //         cursor: pointer;

    //         &:nth-child(2) {
    //             margin-left: 90px;
    //         }

    //         img {
    //             width: 100%;
    //             height: 100%;
    //         }
    //     }
    // }
}
</style>